<template>
    <div>
        <div class="head"></div>
        <!--中部-->
        <div style="display: flex; position: relative; left: 16.666%">
            <div style="width: 16%;">
                <!--导航菜单-->
                <div>
                    <div style="background-color: #21af3e; height: 45px; line-height: 45px; color: #FFF;"><h2>关于我们</h2></div>
                    <List border>
                        <ListItem @click.native="tt(1)">公司简介</ListItem>
                        <ListItem @click.native="tt(2)">荣誉资质</ListItem>
                    </List>
                    <br>
                </div>
                <!--联系-->
                <div>
                    <Row>
                        <lianxi/>
                    </Row>
                </div>
            </div>
            <div v-if="tabName===1" style="margin-left: 10px; width: 50%;">
                <div style="border-bottom: #DDDDDD 1px solid; background: #f0f0f0; display: flex; line-height: 43px">
                    <div style="width: 30%; text-align: left; color:#21af3e;"><h2>公司简介</h2></div>
                    <div style="width: 70%;text-align:right;padding-right:8px">
                        当前位置：
                        <a href="src/views/Home.vue">首页</a>>
                        <a>关于我们</a>>
                        <a>公司简介</a>
                    </div>
                </div>
                <!--公司简介 -->
                <div style=" border:1px solid #f0f0f0; font-size: 14px; text-indent:2em; text-align: left;padding: 10px;line-height: 26px">
                    <p>
                        湖南坤鸿信息工程有限公司(www.kunhongxinxi.com)成立于2015年，核心初创团队《酷修侠》在湖南长沙历经8年沉淀，
                        门店覆盖长沙每个区域。因市场扩展需求，响应国家“新基建”号召，实现5G全覆盖，万物互联。于2020年湖南长沙正式成立坤鸿信息总运营中心。
                        注册资本人民币一千万元整。致力于为政府、企业提供专业一站式IT服务，主要从事信息技术领域内包括企业IT外包、企业信息安全、网络综合布线、
                        视频监控系统、广播音响系统、智能门禁考勤系统、无线覆盖、机房工程、LED大屏、移动办公等集设计、安装、调试、培训、维护为一体多元化综合系统集成服务商。
                        为各类政府及企业客户，提供符合实际要求的整体IT服务方案。
                    </p><br/>
                    <p>
                        《坤鸿信息》作为中小型企业IT一站式服务提供者，长期以来为确保我们服务的专业水准，我们会对工程师进行定期的培训和考核。湖南坤鸿信息工程有限公司一直与微软(Microsoft) 、
                        华为、H3C、思科（Cisco）、联想（Lenovo）、DELL、HP、锐捷、D-link及AMP等国内各大服务商直接合作，并取得相关技术认证，为企业提供具有竞争优势的设备产品，
                        充分利用上游供应商资源，结合公司的众多客户群体，采用方案模块化、标准化、定制设计、专业化施工、专业化售后服务模式为客户提供最优质的服务和高性能的产品。
                    </p><br/>
                    <p style="text-indent: 0">
                        《坤鸿信息》以专业、专注、创新、共赢的经营理念：以技术人才为核心，以资源整合为竞争优势，为客户提供实用的方案设计、优质的产品、专业服务。
                        专业一体化企业IT服务，使企业可以在低成本、高效率、强保障的前提下建立自己的IT平台，从而大大降低了企业信息化的门槛。
                        <br/>
                        《坤鸿信息》推出的每一项服务，都本着客户至上的原则，每一个前进的脚步，都充分体现了对客户的尊重与关怀。正因为如此，我们才能赢得客户，
                        赢得将来。为中国“新基建”走向世界贡献一份自己的微薄之力！
                    </p><br/>
                </div>
            </div>
            <div v-if="tabName===2" style="margin-left: 10px">
                <div style="border-bottom: #DDDDDD 1px solid; background: #f0f0f0; display: flex; line-height: 43px">
                    <div style="width: 70%; text-align: left; color:#21af3e;"><h2>荣誉资质</h2></div>
                    <div style="width: 30%">
                        当前位置：
                        <a>首页</a>>
                        <a>关于我们</a>>
                        <a>荣誉资质</a>
                    </div>
                </div>
                <!--资质图 -->
                <div class="zz"
                     style=" border:2px solid #cacece;">
                    <img src="../../assets/index/case/zizhi.jpg"/>
                    <img src="../../assets/index/case/zizhi.jpg"/>
                    <img src="../../assets/index/case/zizhi.jpg"/>
                    <br>
                    <img src="../../assets/index/case/zizhi.jpg"/>
                    <img src="../../assets/index/case/zizhi.jpg"/>
                    <img src="../../assets/index/case/zizhi.jpg"/>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import h from '@/components/h.vue'
    import f from '@/components/f.vue'
    import lianxi from '@/components/lianxi.vue'

    export default {
        name: 'Guanyu',
        components: {
            h, f, lianxi
        },
        data() {
            return {
                tabName: 1
            }

        },
        methods:{
            tt:function(t){
                this.tabName =t;
            }
        }

    }

</script>

<style scoped>
    .head{
        height: 315px;
        background: url(../../assets/img04.jpg) bottom no-repeat !important;
    }
    ul, ol, li {
        list-style: none;
    }

    body {
        font-family: "Microsoft YaHei";
        font-size: 14px;
        color: #333;
    }
    .zz img {
        margin-left: 10px;
    }

</style>